<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="baibai">
  <meta name="keywords" content="堡垒机,跳板机,运维安全审计,远程控制,VNC,RDP,内网穿透|百百|百百堡垒机">
  <meta name="description" content="基于web的远程控制，无任何插件，协议支持vnc，rdp，支持内网穿透，四层协议代理。">
  <title>堡垒机|在线体验</title>
  <!-- Preloader -->
  <style>
    @keyframes hidePreloader {
      0% {
        width: 100%;
        height: 100%;
      }

      100% {
        width: 0;
        height: 0;
      }
    }

    body>div.preloader {
      position: fixed;
      background: white;
      width: 100%;
      height: 100%;
      z-index: 1071;
      opacity: 0;
      transition: opacity .5s ease;
      overflow: hidden;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body:not(.loaded)>div.preloader {
      opacity: 1;
    }

    body:not(.loaded) {
      overflow: hidden;
    }

    body.loaded>div.preloader {
      animation: hidePreloader .5s linear .5s forwards;
    }
  </style>
  <script>
    window.addEventListener("load", function () {
      setTimeout(function () {
        document.querySelector('body').classList.add('loaded');
      }, 300);
    });
  </script>
  <!-- Favicon -->
  <link rel="icon" href="assets/img/logo.png" type="image/png">
  <link rel="stylesheet" href="assets/libs/@fortawesome/fontawesome-free/css/all.min.css">
  <!-- Quick CSS -->
  <link rel="stylesheet" href="assets/css/quick-website.css" id="stylesheet">
</head>

<body>
  <div class="preloader">
    <div class="spinner-border text-primary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  <div class="modal fade" tabindex="-1" role="dialog" id="modal-cookies" data-backdrop="false"
    aria-labelledby="modal-cookies" aria-hidden="true">
    <div class="modal-dialog modal-dialog-aside left-4 right-4 bottom-4">
      <div class="modal-content bg-dark-dark">
        <div class="modal-body">
          <!-- Text -->
          <p class="text-sm text-white mb-3">
            We use cookies so that our themes work for you. By using our website, you agree to our use of cookies.
          </p>
          <!-- Buttons -->
          <a href="pages/utility/terms.html" class="btn btn-sm btn-white" target="_blank">Learn more</a>
          <button type="button" class="btn btn-sm btn-primary mr-2" data-dismiss="modal">OK</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-light bg-white">
    <div class="container">
      <!-- Brand -->
      <a class="navbar-brand" href="index.html">
        <img alt="Image placeholder" src="assets/img/logo.png" id="navbar-logo">
        堡垒机 | 百百 | 开源
      </a>
      <!-- Toggler -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
        aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Collapse -->
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mt-4 mt-lg-0 ml-auto">
          <li class="nav-item ">
            <a class="nav-link" href="/index.html">主页</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- Main content -->
  <section class="slice slice-lg bg-section-secondary">
    <div class="container text-center">
      <div class="row justify-content-center mb-6">
        <div class="col-lg-10">
          <div style="font-size: 16px; color:red;margin-bottom:10px;">
            <strong>友情提示：在体验过程遇到使用问题请点星加群讨论，不得恶意删除系统现有数据！</strong>
          </div>
          <h3>账号信息</h3>
          <center>
            <table>
              <tr>
                <td style="width:150px;text-align: right;">登录名称：</td>
                <td style="width:150px;text-align: left">baibai</td>
              </tr>
              <tr>
                <td style="width:150px;text-align: right">登录密码：</td>
                <td style="width:150px;text-align: left">123456</td>
              </tr>
            </table>
            <hr />
          </center>
          <div style="font-size: 14px; ;margin-bottom:10px;text-align: left;">
            <h3>快速入门</h3>
            <h6>进入百百堡垒机平台系统，地址：<a href="http://82.157.157.202:8080/" target="_bank">http://82.157.157.202:8080/</a></a>
            </h6>
            <h6>进入系统之后，在主页有客户端下载地址，请下载最新2.X.X版本。</h6>
            <h6>安装好客户端之后运行，打开【设置】界面把平台地址改成：http://82.157.157.202:8080/，稍等片刻客户端会自动连接到平台。</h6>
            <h6>点击百百平台菜单【设备】，在设备列表就可看到你电脑名称的设备记录，然后再点击【鼠标图标的按钮】就可发起远程控制</h6>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <img src="https://img-blog.csdnimg.cn/20200726232850251.png">
      </div>
      <br>
    </div>
  </section>

  <footer class="position-relative" id="footer-main">
    <div class="footer pt-lg-7 footer-dark bg-dark">
      <!-- SVG shape -->
      <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
        <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
          preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;"
          xml:space="preserve" class=" fill-section-secondary">
          <polygon points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
      <!-- Footer -->
      <div class="container pt-4">
        <div class="row">
          <div class="col-lg-4 mb-5 mb-lg-0">
            <!-- Theme's logo -->
            <a href="index.html">
              <img alt="Image placeholder" src="assets/img/logo.png" id="footer-logo">
            </a>
            <!-- Social -->
            <ul class="nav mt-4">
              <li class="nav-item">
                <a class="nav-link" href="https://gitee.com/baibaiclouds/platform" target="_blank">
                  <i class="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <hr class="divider divider-fade divider-dark my-4">
        <div class="row align-items-center justify-content-md-between pb-4">
          <div class="col-md-6">
            <div class="copyright text-sm font-weight-bold text-center text-md-left">
              &copy; 2021 <a href="#" class="font-weight-bold" target="_blank">百百</a>. All
              rights reserved
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Core JS  -->
  <script src="assets/libs/jquery/dist/jquery.min.js"></script>
  <script src="assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <script src="assets/libs/svg-injector/dist/svg-injector.min.js"></script>
  <script src="assets/libs/feather-icons/dist/feather.min.js"></script>
  <!-- Quick JS -->
  <script src="assets/js/jquery-1.11.1.min.js"></script>
  <script src="assets/js/common.js"></script>
  <script src="assets/js/quick-website.min.js"></script>
  <!-- Feather Icons -->
  <script>
    feather.replace({
      'width': '1em',
      'height': '1em'
    })
  </script>
</body>

</html>